<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="./children.css" />
    <title>我的收藏</title>
  </head>
  <body>
    <!-- 头部 -->
    <header class="banner flex aic jc-sb bg-fff pl-15 pr-15">
      <a href="../My.html" class="iconfont icon-zuojiantou"></a>
      <span>我的收藏</span>
      <i class="iconfont"></i>
    </header>
    <!-- 多选 -->
    <div class="bennr flex aic jc-sa pt-10 bg-fff">
      <div id="Text" class="xinwen flex fdc aic cblue">
        <span id="cs">新闻</span>
        <span class="sppp none block">●</span>
      </div>
      <div id="Text" class="gonggao flex fdc aic">
        <span id="cs">公告</span>
        <span class="sppp none">●</span>
      </div>
    </div>
    <!-- 表格 -->
    <div class="listxinwen">
      <div class="list flex ml-20 mr-20 mt-20 bg-fff aic pl-20 pr-20">
        <img src="../../../assets/img/My/u1017.png" alt="" />
        <div class="pl-10 flex fdc jc-sb">
          <span class="f14">我司入选“2017中关村高成长企业TOP100”</span>
          <div class="flex">
            <div class="t-999">
              <i class="iconfont icon-duoren"></i>
              <span class="f12">100</span>
            </div>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div class="t-999">
              <i class="iconfont icon-weixingbiao"></i>
              <span class="f12">100</span>
            </div>
          </div>
        </div>
      </div>
      <div class="list flex ml-20 mr-20 mt-20 bg-fff aic pl-20 pr-20">
        <img src="../../../assets/img/My/u1017.png" alt="" />
        <div class="pl-10 flex fdc jc-sb">
          <span class="f14">我司入选“2017中关村高成长企业TOP100”</span>
          <div class="flex">
            <div class="t-999">
              <i class="iconfont icon-duoren"></i>
              <span class="f12">100</span>
            </div>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div class="t-999">
              <i class="iconfont icon-weixingbiao"></i>
              <span class="f12">100</span>
            </div>
          </div>
        </div>
      </div>
      <div class="list flex ml-20 mr-20 mt-20 bg-fff aic pl-20 pr-20">
        <img src="../../../assets/img/My/u1017.png" alt="" />
        <div class="pl-10 flex fdc jc-sb">
          <span class="f14">我司入选“2017中关村高成长企业TOP100”</span>
          <div class="flex">
            <div class="t-999">
              <i class="iconfont icon-duoren"></i>
              <span class="f12">100</span>
            </div>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div class="t-999">
              <i class="iconfont icon-weixingbiao"></i>
              <span class="f12">100</span>
            </div>
          </div>
        </div>
      </div>
      <div class="list flex ml-20 mr-20 mt-20 bg-fff aic pl-20 pr-20">
        <img src="../../../assets/img/My/u1017.png" alt="" />
        <div class="pl-10 flex fdc jc-sb">
          <span class="f14">我司入选“2017中关村高成长企业TOP100”</span>
          <div class="flex">
            <div class="t-999">
              <i class="iconfont icon-duoren"></i>
              <span class="f12">100</span>
            </div>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div class="t-999">
              <i class="iconfont icon-weixingbiao"></i>
              <span class="f12">100</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--  -->
    <div class="onclicklist none">
      <a
        href="./Announcement details/Announcement details.html"
        class="list cback rel bg-fff flex fdc pl-15 pr-15 pt-15 pb-15"
      >
        <div class="flex mb-10">
          <span class="f14">国庆节放假通知</span>
          <div class="item1 abs flex aic jc-c f12">放假通知</div>
        </div>
        <div class="f12 t-999 mb-5">
          国庆节假期安排为：10月1日至7日放假调休，共7天。
        </div>
        <div class="f12 t-999 mb-10">
          9月26日（星期日）、10月9日（星期六）上班...
        </div>
        <div class="f12 t-CCC mt-5">李凡凡 2022-01-09 10:45</div>
      </a>
      <a
        href="./Announcement details/Announcement details.html"
        class="list cback rel bg-fff flex fdc pl-15 pr-15 pt-15 pb-15"
      >
        <div class="flex mb-10">
          <span class="f14">国庆节放假通知</span>
          <div class="item1 abs flex aic jc-c f12">放假通知</div>
        </div>
        <div class="f12 t-999 mb-5">
          国庆节假期安排为：10月1日至7日放假调休，共7天。
        </div>
        <div class="f12 t-999 mb-10">
          9月26日（星期日）、10月9日（星期六）上班...
        </div>
        <div class="f12 t-CCC mt-5">李凡凡 2022-01-09 10:45</div>
      </a>
      <a
        href="./Announcement details/Announcement details.html"
        class="list cback rel bg-fff flex fdc pl-15 pr-15 pt-15 pb-15"
      >
        <div class="flex mb-10">
          <span class="f14">国庆节放假通知</span>
          <div class="item1 abs flex aic jc-c f12">放假通知</div>
        </div>
        <div class="f12 t-999 mb-5">
          国庆节假期安排为：10月1日至7日放假调休，共7天。
        </div>
        <div class="f12 t-999 mb-10">
          9月26日（星期日）、10月9日（星期六）上班...
        </div>
        <div class="f12 t-CCC mt-5">李凡凡 2022-01-09 10:45</div>
      </a>
    </div>
    <div class="box t-999 f14">没有更多了哦 ~</div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
      $(".bennr").on("click", "#Text", function () {
        $(this).addClass("cblue");
        $(this).siblings().removeClass("cblue");
        $(this).find(".sppp").addClass("block");
        $(this).siblings().find(".sppp").removeClass("block");
        if ($($(this).find("#cs")).text() === "新闻") {
          $(".listxinwen").show();
          $(".onclicklist").hide();
        } else {
          $(".listxinwen").hide();
          $(".onclicklist").show();
        }
      });
    </script>
  </body>
</html>
